/* normalize.css, 用于重置浏览器的默认样式 */
* {
  margin: 0px;
  padding: 0px;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
body,
html,
#app {
  width: 100%;
  height: 100%;
}
:root {
  --scancodewidth: 38px;
  /* 主题色 */
  --global-theme-color: 219, 94%, 61%;
  /* 主题淡化色 , 根据主题色的变量淡化 */
  --global-theme-fade-color: var(--global-theme-color), 0.15;
  /* 主题淡化深色 , 根据主题色的变量淡化 */
  --global-theme-fade-dark-color: var(--global-theme-color), 0.25;
  /* 主题淡化深色 , 根据主题色的变量淡化 */
  --global-theme-fade-dark-color-45: var(--global-theme-color), 0.45;
  /* 主题淡化深色 , 根据主题色的变量淡化 */
  --global-theme-fade-dark-color-75: var(--global-theme-color), 0.75;
  /* 主题淡化深色 , 根据主题色的变量淡化 */
  --global-theme-fade-dark-color-95: var(--global-theme-color), 0.95;
  /* 浅灰色，接近白色，可用于一些图标hover 场景*/
  --light-gray: 0deg 3.52% 95.26%;
  /* 浅灰色，接近白色，可用于一些图标hover 场景*/
  --gray-hsl-l-95: 0deg 3.52% 95%;
  /* 浅灰色，88% 接近白色，可用于一些边框 */
  --gray-hsl-l-88: 0deg 0% 88.34%;
  /* 浅灰色，60% 灰色比较明显,稍浅,可用于一些辅助文本以及提示文本 */
  --gray-hsl-l-60: 0deg 0.38% 60%;
  /* 浅灰色，40% 灰色比较浅,可用于一些背景颜色 */
  --gray-hsl-l-40: 0deg 0% 88.34% / 40%;
  /* 浅咖啡灰，25% 灰色较重接近黑色,可用于一些主要文本 */
  --gray-hsl-l-25: 0deg 4.27% 25%;
  /* 中度灰色，比较常用的中性灰色，通用性强 */
  --medium-gray: #ccc;
  /* 深灰色，用于强调对比或者需要较暗色调的元素 */
  --dark-gray: #666;
  /* 非常深的灰色，接近黑色，可用于营造深沉的氛围等 */
  --very-dark-gray: #333;
  --global-font-size: 19px;
  --header-height: 60px;
}
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
*,
*::before,
*::after {
  box-sizing: border-box;
  outline: none !important;
  padding: 0;
  list-style: none;
  border: none;
}
